/* 去除 body 元素的默认边距和滚动条 */
body {
    margin: 0;
    overflow-x: hidden;
}

/* 主体内容区域样式 */
.main-content {
    width: 100%;
    height: auto;
}

/* Swiper 容器样式 */
.swiper {
    width: 100%;
    height: 100%;
}

/* Swiper 滑块样式 */
.swiper-slide {
    text-align: center;
    font-size: 0.9375vw  /* 18/19.2 */;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

img{
    width: 100%;
    height: auto;
}

/* 单行溢出隐藏 */
.yihang {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 两行溢出隐藏 */
.lianghang {
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 三行溢出隐藏 */
.sanhang {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

*{
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    padding: 0;
    margin: 0;
    background-image: url("../img/index/allBg-3.png");
    background-size: 100%  100%;
    background-repeat: no-repeat;
    overflow-x: hidden;
}
.c-top-row{
    position: relative;
    width: 31.09375vw;
    height: 7.5vw;
    display: flex;
    justify-content: center;
    align-content: center;
    margin: 0 auto;
}

.c-top-row .model-title .cn-title{
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 2.5vw;
    font-weight: 500;
    letter-spacing: 0px;
    margin-top: -2.448vw;
    color: rgba(51, 51, 51, 1);
}
.c-top-row .model-title .en-title{
    font-size: 3.75vw;
    font-weight: 900;
    letter-spacing: 0px;
    color: rgba(42, 130, 228, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}
.c-top-row .train{
    width: 31.25vw;
    margin-top: -1.875vw;
    display: flex;
}
.c-top-row .model-title .title-l-img-right{
    width: 100%;
    height: 1.771vw;
    background-image: url("../img/index/train-right.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.c-top-row .model-title .title-l-img-left{
    width: 100%;
    height: 1.771vw;
    background-image: url("../img/index/train-left.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.c-top-row .c-top-row-line{
    position: absolute;
    bottom: 0;
    width: 4.167vw;
    height: 0.104vw;
    opacity: 1;
    background: linear-gradient(90deg, rgba(42, 130, 228, 1) 0%, rgba(0, 186, 173, 1) 100%);
}


.news_container .en-title{
    color: rgba(37, 84, 151, 0.1) !important;
}

.top-row.light .model-title .cn-title{
    /*background-image: url("../img/index/train-light.svg");*/
    color: rgba(255, 255, 255, 1);
}


.top-row.light .model-title .en-title:before{
    background: rgba(255, 255, 255, 1);
}
.model-title .en-title{
    color: rgba(255, 255, 255, 0.2);
}

/* 单行溢出隐藏 */
.yihang{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 两行溢出隐藏 */
.lianghang{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 三行溢出隐藏 */
.sanhang{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
/* 三行溢出隐藏 */
.sihang{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}
/* 五行溢出隐藏 */
.wuhang{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
}
/* 六行溢出隐藏 */
.liuhang{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:6;
}
.scale {
    overflow: hidden;
}
.scale>img {
    transform: scale(1);
    transition: transform 1s ease-in-out;
}
.scale:hover>img {
    transform: scale(1.2);
    transition: transform 1s ease-in-out;
}

/*@media all and (max-width: 1780px){*/
/*    .model-title .cn-title{*/
/*        font-size: 46px!important;*/
/*    }*/
/*}*/

/*@media all and (max-width: 1680px){*/
/*    .model-title .cn-title{*/
/*        font-size: 44px!important;*/
/*    }*/
/*    .model-title .en-title{*/
/*        font-size: 28px!important;*/
/*    }*/
/*    .model-title .cn-title{*/
/*        font-size: 44px!important;*/
/*    }*/
/*    .top-row.light .model-title .title-b-img{*/
/*        height: 60px;*/
/*    }*/
/*    .model-title .title-l-img {*/
/*        height: 60px;*/
/*    }*/
/*}*/
/*!*! 1200 ~ 1440 *!*/
/*@media all and (max-width: 1440px){*/
/*    .model-title{*/
/*        width: 240px;*/
/*    }*/
/*    .model-title .cn-title{*/
/*        font-size: 36px!important;*/
/*    }*/
/*    .model-title .en-title{*/
/*        font-size: 26px!important;*/
/*    }*/
/*    .model-title .en-title:before{*/
/*        width: 55px;*/
/*    }*/
/*    .top-row.light .model-title .title-b-img{*/
/*        height: 44px;*/
/*    }*/
/*    .model-title .title-l-img {*/
/*        height: 44px;*/
/*    }*/
/*}*/
/*!*! 992 ~ 1200 *!*/
/*@media all and (max-width: 1200px){*/
/*    .model-title{*/
/*        width: 240px;*/
/*    }*/
/*    .model-title .cn-title{*/
/*        font-size: 26px!important;*/
/*    }*/
/*    .model-title .en-title{*/
/*        font-size: 24px!important;*/
/*    }*/
/*    .model-title .en-title:before{*/
/*        width: 50px;*/
/*    }*/
/*    .top-row.light .model-title .title-b-img{*/
/*        height: 24px*/
/*    }*/
/*    .model-title .title-l-img {*/
/*        height: 24px;*/
/*    }*/
/*}*/

.cd-transition-layer {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    z-index: 11;
}
.cd-transition-layer .bg-layer {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-2%);
    -moz-transform: translateY(-50%) translateX(-2%);
    -ms-transform: translateY(-50%) translateX(-2%);
    -o-transform: translateY(-50%) translateX(-2%);
    transform: translateY(-50%) translateX(-2%);
    /* its dimentions will be overwritten using jQuery to proportionally fit the viewport */
    height: 100%;
    /* our sprite is composed of 25 frames */
    width: 2500%;
    background: url(../img/index/ink_1.png) no-repeat 0 0;
    background-size: 100% 100%;
}
.cd-transition-layer.visible {
    opacity: 1;
    visibility: visible;
}
.cd-transition-layer.opening .bg-layer {
    -webkit-animation: cd-sequence 0.8s steps(24);
    -moz-animation: cd-sequence 0.8s steps(24);
    animation: cd-sequence 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.cd-transition-layer.closing .bg-layer {
    -webkit-animation: cd-sequence-reverse 0.8s steps(24);
    -moz-animation: cd-sequence-reverse 0.8s steps(24);
    animation: cd-sequence-reverse 0.8s steps(24);
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.no-cssanimations .cd-transition-layer {
    display: none;
}


.erji_top{
    position: relative;
    height: 33.333vw;
    background-image: url("../img/erjiPage/topBg.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.erji_top .erji_title{
    width: 18.333vw;
    /*height: 8.333vw;*/
    margin: 0 auto;
    /*line-height: 43.75vw;*/
    position: relative;
    top: 16vw;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}
.erji_top .erji_title label{
    font-family: cursive;
    font-size: 6vw;
}
.erji_top .erji_title span{
    font-family: serif;
    font-size: 2vw;
    letter-spacing: 2px;
}
.erji_top .erji_title img{
    width: 18.333vw;
    height: 8.333vw;
}
.erji_topBottom{
    position: absolute;
    width: 100%;
    height: 3.33vw;
    bottom: 0;
}
.erji_top .erji_topBottom .line{
    width: 100%;
    height: 0.26vw;
    background: linear-gradient(90deg, rgba(42, 130, 228, 1) 0%, rgba(0, 186, 173, 1) 13.54%, rgba(67, 207, 124, 1) 39.4%, rgba(255, 141, 26, 1) 59.98%, rgba(255, 195, 0, 1) 78.87%, rgba(227, 60, 100, 1) 100%);
}
.erji_top .erji_topBottom  .erji_top_title{
    display: flex;
    height: 99%;
    opacity: 1;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(1.042vw);
}
.erji_top_title_left{
    width: 35.417vw;
    height: 100%;
    border-radius: 0 10.417vw 0 0;
    background-image: url("../img/erjiPage/top_left.png");
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
}
.erji_top_title_left .icon {
    width: 4.167vw;
    height: 100%;
    background-image: url("../img/erjiPage/top_left_icon.png");
    background-repeat: no-repeat;
    background-size: 100%;
    margin-left: 8.542vw;
    margin-right: 1.042vw;
}
.erji_top_title_left .erji_top_address{
    font-size: 0.9375vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}
.erji_top_title_left .erji_top_remark{
    font-size: 0.9375vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}
.erji_top_title_right{
    margin-left: 12.292vw;
    display: flex;
    align-items: center;
    width: calc(100% - 56.25vw);
    justify-content: space-between;
}
.erji_top_title_right .text{
    font-size: 1.042vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}


@-webkit-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
}
@-moz-keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -moz-transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -moz-transform: translateY(-50%) translateX(-98%);
    }
}
@keyframes cd-sequence {
    0% {
        /* translateX(-2%) is used to horizontally center the first frame inside the viewport */
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
    100% {
        /* translateX(-98%) (2% + 96) is used to horizontally center the last frame inside the viewport  */
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
}
@-webkit-keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
    }
}
@-moz-keyframes cd-sequence-reverse {
    0% {
        -moz-transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -moz-transform: translateY(-50%) translateX(-2%);
    }
}
@keyframes cd-sequence-reverse {
    0% {
        -webkit-transform: translateY(-50%) translateX(-98%);
        -moz-transform: translateY(-50%) translateX(-98%);
        -ms-transform: translateY(-50%) translateX(-98%);
        -o-transform: translateY(-50%) translateX(-98%);
        transform: translateY(-50%) translateX(-98%);
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-2%);
        -moz-transform: translateY(-50%) translateX(-2%);
        -ms-transform: translateY(-50%) translateX(-2%);
        -o-transform: translateY(-50%) translateX(-2%);
        transform: translateY(-50%) translateX(-2%);
    }
}
